@charset "utf-8";
@import "common/reset";
@function c($px) {
    @return $px/2;
}

$color:#ff9344;
.web{
     section {
        width: 100%;
        position: absolute;
        left: 0;
        top: 75px;
        overflow-y: auto;
        bottom: 72px;
        padding: 0 c(20px);
        .kv {
            width: 100%;
            overflow: hidden;
        }
        .t_shop {
            width: 100%;
            .t_shop_head {
                width: 100%;
                p {
                    font-size: c(30px);
                    
                    vertical-align: middle;
                    >i {
                        font-size: c(56px);
                        color: $color;
                        vertical-align: middle;
                        padding-right: c(10px);
                        padding-left: c(21px);
                    }
                    span {
                        float: right;
                        font-size: c(24px);
                        padding-top: c(10px);
                        i {
                            font-size: c(27px);
                            color: $color;
                            vertical-align: middle;
                            padding-right: c(10px);
                        }
                    }
                }
            }
            .t_shop_img {
                width: 100%;
                padding-top: c(12px);
                .img_box {
                    font-size: 0;
                    overflow: hidden;
                    padding-bottom: c(15px);
                    img {
                        width: c(243px);
                        height: c(92px);
                    }
                }
                .img_box:nth-of-type(1) {
                    margin-left: c(77px);
                    margin-right: c(105px);
                }
                .img_box:nth-of-type(3) {
                    margin-left: c(77px);
                    margin-right: c(105px);
                }
            }
        }
        .guess {
            width: 100%;
            .guess_head {
                width: 100%;
                >p {
                    font-size: c(30px);
                    padding-bottom: c(6px);
                    vertical-align: middle;
                    >i {
                        font-size: c(56px);
                        color: $color;
                        vertical-align: middle;
                        padding-right: c(10px);
                        padding-left: c(21px);
                    }
                    span {
                        float: right;
                        font-size: c(24px);
                        padding-top: c(10px);
                        i {
                            font-size: c(27px);
                            color: $color;
                            vertical-align: middle;
                            padding-right: c(10px);
                        }
                    }
                }
            }
            .guess_love_img {
                width: c(211px);
                padding-left: c(22px);
                padding-bottom: c(21px);
                padding-right: c(21px);
                img {
                    width: c(211px);
                    height: c(165px);
                }
            }
            .guess_love_text {
                width: c(498px);
                padding-top: c(30px);
                >p {
                    padding-bottom: c(19px);
                    font-size: c(30px);
                    padding-right: c(10px);
                    >span {
                        float: right;
                        color: #e5e5e5;
                        font-size: c(22px);
                    }
                }
                p:nth-of-type(2) {
                    color: #e5e5e5;
                    font-size: c(22px);
                }
                p:nth-of-type(3) {
                    color: #ff9344;
                    font-size: c(22px);
                    span {
                        color: #e5e5e5;
                    }
                }
            }
        }
    }
}
